<script setup lang="ts">
  import AppIcon from '@/components/common/app/AppIcon.vue';
  import { useLocale } from '@/locales/useLocale';
  const { t } = useLocale();
</script>

<template>
  <p
    class="text-center py-2 rounded text-sm mt-4 flex-justify-items-center bg-blue-50 dark:bg-gray-400"
  >
    <AppIcon class="text-[25px] animate-spin mr-1" icon="ri:loader-fill" />
    {{ t('message.common.loadingText') }}
  </p>
</template>

<style lang="scss"></style>
